html {
	font-family:'Noto Sans', sans-serif;
}

body {
	background-color:#FFFFFF;
	height:100%;
	margin:0;
	color:#1F1F20;
}

h1 {
	font-size:42px;
	margin-top:16px;
	margin-bottom:16px;
}

h2 {
	font-size:30px;
	margin-top:12px;
	margin-bottom:12px;
}

p {
	font-size:18px;
}

.hide {
	position:absolute;
	left:-999em;
}

header {
	position:fixed;
	float:left;
	width:4%;
	height:100%;
	background-color:#BDD1DE;
	color:#1F1F20;
	text-align:center;
}

nav ul {
	padding:0;
	margin:0;
}

nav li {
	display:block;
	margin-top:20px;
	margin-bottom:40px;
}

nav li ul {
	background-color:#8AB3CF;
	position:fixed;
	left:4%;
	padding:0;
	margin:0;
	margin-top:-35px;
	width:10%;
}

nav li ul li {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding:0;
}

section {
	float:right;
	height:100%;
	width:96%;
	color:#1F1F20;
}

#global {
	margin:1%;
}

input, textarea {
	outline-style:none;
	border-style:none;
	font-family:'Noto Sans', sans-serif;
}

a {
	text-decoration:none;
	color:#1F1F20;
}
a:hover {
	color:#606D80;
}

#logout {
	text-align:right;
	display:inline-block;
	width:25%;
}
#logout input[type="image"] {
	vertical-align:middle;
	margin-right:60px;
}
#logout span {
	vertical-align:middle;
	margin-right:15px;
}

#login {
	text-align:center;
	background-color:#BDD1DE;
	color:#1F1F20;
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-200px;
	margin-top:-80px;
	width:400px;
}
#login input[type="image"] {
	display:block;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.input_label {
	vertical-align:middle;
	display:inline-block;
	margin-right:10px;
}
.input_login {
	height:28px;
	width:65%;
	margin-top:20px;
	padding:5px;
}
#login_erreur {
	margin-top:10px;
	display:block;
	color:#FE1B00;
}

#btn_suscribe {
	text-align:left;
	float:left;
	margin-top:15px;
	width:20%;
}
#btn_suscribe input[type="image"] {
	vertical-align:middle;
	margin-left:10px;
}
#btn_suscribe span {
	vertical-align:middle;
	margin-left:15px;
	cursor:pointer;
}
#btn_suscribe span:hover {
	color:#606D80;
}

#btn_assistance {
	text-align:right;
	float:right;
	margin-top:15px;
	width:20%;
}
#btn_assistance input[type="image"] {
	vertical-align:middle;
	margin-right:15px;
}
#btn_assistance span {
	vertical-align:middle;
	margin-right:10px;
	cursor:pointer;
}
#btn_assistance span:hover {
	color:#606D80;
}

#titre_assistance {
	display:block;
	margin-top:20px;
}

#btn_login {
	text-align:left;
	float:left;
	margin-top:15px;
	width:20%;
}
#btn_login input[type="image"] {
	vertical-align:middle;
	margin-left:10px;
}
#btn_login span {
	vertical-align:middle;
	margin-left:15px;
	cursor:pointer;
}
#btn_login span:hover {
	color:#606D80;
}

#suscribe {
	text-align:center;
	background-color:#BDD1DE;
	color:#1F1F20;
	position:absolute;
	top:35%;
	left:50%;
	margin-left:-200px;
	margin-top:-75px;
	width:400px;
}
#suscribe input[type="image"] {
	display:block;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

#assistance {
	text-align:center;
	background-color:#BDD1DE;
	color:#1F1F20;
	position:absolute;
	top:40%;
	left:50%;
	margin-left:-200px;
	margin-top:-70px;
	width:400px;
}
#assistance input[type="image"] {
	display:block;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

#confirm_message {
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	background-color:#BDD1DE;
	color:#228B22;
	position:absolute;
	top:35%;
	left:50%;
	margin-left:-200px;
	margin-top:-70px;
	width:400px;
}

#erreur_message {
	padding-bottom:20px;
	padding-top:20px;
	text-align:center;
	background-color:#BDD1DE;
	color:#FE1B00;
	position:absolute;
	top:35%;
	left:50%;
	margin-left:-200px;
	margin-top:-70px;
	width:400px;
}

.music {
	margin:auto;
	margin-top:25px;
	margin-bottom:25px;
	padding-top:10px;
	padding-bottom:10px;
	width:750px;
	background-color:#E4EBF0;
	text-align:center;
}
.music form {
	margin:0;
	padding:0;
}
.music p {
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:600px;
	text-align:center;
}
.music span {
	display:block;
	margin:10px;
}
.music label {
	font-weight:bold;
	margin-right:10px;
	vertical-align:middle;
}
.music input[type="text"] {
	height:28px;
	width:300px;
	padding:5px;
	vertical-align:middle;
}
.music textarea {
	resize:none;
	width:300px;
	padding:5px;
	vertical-align:middle;
}

.confirm_text {
	color:#228B22;
}

.contact {
	display:inline-block;
	margin:25px;
	padding:10px;
	width:250px;
	background-color:#E4EBF0;
}
.contact div {
	margin:5px;
	text-align:right;
}
.contact div label {
	display:inline-block;
	vertical-align:middle;
}
.contact div span {
	margin-left:5px;
	margin-right:10px;
	display:inline-block;
	vertical-align:middle;
}
.contact div img {
	vertical-align:middle;
	width:24px;
	height:24px;
}



